<!DOCTYPE html>
<html lang="en" xmlns:height="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DATA DISCOVERY</title>
    <link rel="stylesheet" type="text/css" href="resources/default/css/common/common.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/library.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/basic.css">
    <link rel="stylesheet" type="text/css" href="resources/default/css/governance.css">

</head>
<body>
<header>
        <div class="header-con cf">
            <a class="header-logo" href="../../Analytics/portal.html"></a>
            <!--头部下拉链接-->
            <div class="top-line"></div>
            <div class="droplist-nav">
                <div class="nav-text cf">
                    <span class="drop-icon"></span>
                    <span class="nav-show">Data Governance</span>
                </div>
                <ul class="nav-link">
				 <a href="/BDPaaS/views/home.html"><li>BD PaaS</li></a>
                    <a href="/Analytics/home.html"><li>Analytics</li></a>
                   	<a href="/BDPaaS/views/cihome.html"><li>Customer Insight</li></a>
                </ul>
            </div>
            <div class="header-other center-layer">
                <span class="icon-header icon-header-user"></span>
                <div class="login-filed">
                    <div class="icon-annouce"> </div>
                </div>
                <a class="user-info">
                    <div class="user-name">
                        <span class="username">10011</span>
                        <div class="icon-header icon-help"> </div>
                    </div>
                </a>
            </div>
            <div class="header-nav">
                <ul>
                    <li>
                        <a href="../index1.html">Home</a>
                    </li>
                    <li>
                        <a href="../views/logicalOnly.html">Data Monitoring</a>
                    </li>
                    <li><a href="../poc/poc/poc-data.html">Data Modeling</a></li>
                    <li class="selected"><a href="">Data Integration</a></li>
                </ul>
            </div>
        </div>
</header>
<div class="container standardization">
    <ul class="big-tab cf mt40">
            <a href="dataSource.html">
                <li class="tab-data-icon01">Data Source</li>
            </a>
            <a href="selectDataSource.html">
                <li class="tab-list-on tab-data-icon tab-data-icon02">Schema Mapping</li>
            </a>
            <a href="dataIntergration.html">
                <li class="tab-data-icon tab-data-icon03">Data Integration</li>
            </a>
        </ul>
    <div class="step-line" style="margin-top:40px;">
            <div class="step-line">
                <div class="step-line-bar" style="width:50%"></div>
            </div>
            <ul class="step-progress">
                <li class="select">
                     <div class="step-icon"></div>
                     <div class="step-text">Select Data Source</div>
                </li>
                <li class="select">
                     <div class="step-icon"></div>
                     <div class="step-text">Standardization</div>
                </li>
                <li>
                     <div class="step-icon"></div>
                     <div class="step-text">Mapping</div>
                </li>
            </ul> 
    </div>
    <div class="container-sys positionR" style="min-height:820px;background:#fff;padding-bottom: 20px;">
        
        <div class="library-list" style="margin-top:70px;">
            <div class="library-list-btn">
                <div class="list-btn-left pull-left">
                    <div class="list-button  btn-5 pull-left" title="add standardization item"></div>
                    <div class="list-button  btn-7 pull-left" title="accept"></div>
                    <div class="list-button  btn-3 pull-left" title="reject"></div>
                    <div class="list-button  btn-8 pull-left" title ="modify"></div>
                    <div class="list-button  btn-6 pull-left" title="mapping" onClick="window.location.href='mapping.html'"></div>
                </div>
                <div class="list-btn-right pull-right standardization-list-search"><span></span>Search<span class="line"></span></div>
                <div class="standardization-list-search-detail">
                	<ul>
                    	<li>Source</li>
                        <li><span></span>CRM</li>
                        <li><span></span>CBS</li>
                        <li><span></span>Campaign</li>
                        <li><span></span>Channel</li>
                        <li><span></span>Operation support</li>
                        <li><span></span>VAS</li>
                        <li><span></span>Ps</li>
                        <li><span></span>Cs</li>
                        <li><span></span>Log</li>
                        <li><span></span>BSC</li>
                    </ul>
                	<ul>
                    	<li>Domain</li>
                        <li><span></span>Participate</li>
                        <li><span></span>Resource</li>
                        <li><span></span>Event</li>
                        <li><span></span>Finance</li>
                        <li><span></span>Offering</li>
                        <li><span></span>Management</li>
                        <li><span></span>Marketing</li>
                    </ul>
                	<ul>
                    	<li>Data Type</li>
                        <li><span></span>String</li>
                        <li><span></span>Text</li>
                        <li><span></span>Number</li>
                    </ul>
                	<ul>
                    	<li>Probability</li>
                        <li value="100"><span></span>100%-75%</li>
                        <li value="75"><span></span>75%-50%</li>
                        <li value="50"><span></span><50%</li>
                    </ul>
                </div>
            </div>

        </div>
        <!--<div class="standardization-filter">
			<div class="list-search-left"><span></span><input type="text" value="search" id="dataListSearch"/></div>
            <div class="tabContainer">
            	<ul class="tabItem">
                	<li class="tabItemTitle selected">Filters</li>
                	<li class="tabItemTitle">Columns</li>
                </ul>
                <div class="tabContent" content="Filters">
                    <ul>
                    	<li class="selected">
                        	<span>Source Classification</span>
                            <ul>
                            	<li class="t1">
                                	<span></span>CRM
                                </li>
                            	<li class="t1">
                                	<span></span>BOSS
                                </li>
                            	<li class="t1">
                                	<span></span>Customer service
                                </li>
                            	<li class="t1">
                                	<span></span>Campaign
                                </li>
                            	<li class="t1">
                                	<span></span>BOSS
                                </li>
                            </ul>
                        </li>
                    	<li>
                        	<span>Data Type</span>
                            <ul>
                            	<li class="t1">
                                	<span></span>String
                                </li>
                            	<li class="t1">
                                	<span></span>Text
                                </li>
                            	<li class="t1">
                                	<span></span>Number
                                </li>
                            </ul>
                        </li>
                    	<li>
                        	<span>Confidence</span>
                            <ul>
                            	<li class="t1">
                                	<span></span>100%-75%
                                </li>
                            	<li class="t1">
                                	<span></span>75%-50%
                                </li>
                            	<li class="t1">
                                	<span></span><50%
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>-->
        <div class="list-table standardization-list">
            <table style="border-collapse: collapse;" width="100%" id="dataList">
                <thead>
                    <tr>
                        <th width="" class="t1"><span></span> Attribute Name<b></b></th>
                        <th width="">Source <b ></b></th>
                        <th width="">Data Type <b></b></th>
                        <th width="373px">Suggested Name <b ></b></th>
                        <th width="">Probability <b ></b></th>
                        <th width="">Action <b></b></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="t1"><span></span><a>cty_code</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">VARCHAR(8)</td>
                        <td class="t4">city_code</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:99%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	99.6%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>cust_id</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">NUMBER(10)</td>
                        <td class="t4">customer_id</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:92%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	92%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                     <tr>
                        <td class="t1"><span></span><a>cust_id</a></td>
                        <td class="t2">CRM. TF_F_USER</td>
                        <td class="t3">NUMBER(10)</td>
                        <td class="t4">customer_id</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:92%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            92%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>cust_id</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">NUMBER(16)</td>
                        <td class="t4">customer_id</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:92%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  

                    <tr>
                        <td class="t1"><span></span><a>acnt_id</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">NUMBER(10)</td>
                        <td class="t4">account_id</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:80%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	80%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>serv_id</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">VARCHAR2(30)</td>
                        <td class="t4">service_id</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:55%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	55%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>sub_id</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">NUMBER(10)</td>
                        <td class="t4">subscriber_id</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:50%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	50%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>passwd</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">VARCHAR2(32)</td>
                        <td class="t4">password</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:48%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	48%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>access_lvl</a></td>
                        <td class="t2">CRM. BB_SERVICE_RELATION_T</td>
                        <td class="t3">NUMBER(2)</td>
                        <td class="t4">access_level</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:40%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	40%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>usecust_id</a></td>
                        <td class="t2">CRM. TF_F_USER</td>
                        <td class="t3">Long</td>
                        <td class="t4">subscriber_id</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:31%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	31%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>usepost_addr</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">VARCHAR2(200)</td>
                        <td class="t4">subscriber_addr</td>
                        <td class="t5">
                        	<div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                        	22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  


                    <tr>
                        <td class="t1"><span></span><a>grp_cust_name</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">VARCHAR2(100)</td>
                        <td class="t4">group_customer_name</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>grp_type</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">CHAR(1)</td>
                        <td class="t4">group_type</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>usecust_id</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">NUMBER(16)</td>
                        <td class="t4">subscriber_id</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>sn</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">VARCHAR2(40)</td>
                        <td class="t4">serial_number</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  
                    <tr>
                        <td class="t1"><span></span><a>name</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">VARCHAR2(100)</td>
                        <td class="t4">fullname</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  

                    <tr>
                        <td class="t1"><span></span><a>depart</a></td>
                        <td class="t2">CRM. TF_F_CUST_GROUPMEMBER</td>
                        <td class="t3">VARCHAR2(10)</td>
                        <td class="t4">department</td>
                        <td class="t5">
                            <div class="processBar-sub processBar-bg">
                                <div class="processBar-body" style="width:22%">
                                    <div class="processBar-item"></div>
                                </div>
                            </div>
                            22%
                        </td>
                        <td class="t6"><a>Confirm</a></td>
                    </tr>  

 
                </tbody>
            </table>
        </div>
        <div class="page-list" style="margin-left:553px;width:1196px;">
            <span class="page-before pull-left"></span>
            <div class="page-numbers pull-left">
                <div class="page-number hover page-number1">1</div>
                <div class="page-number page-number1">2</div>
                <div class="page-number page-number1">3</div>
                <div class="page-number page-number1">4</div>
                <div class="page-number page-number1">5</div>
                <div class="page-number">...</div>
                <div class="page-number">623</div>
            </div>
            <span class="page-next pull-left"></span>
            <div class="page-text">32/9,872</div>
            <div class="page-jump pull-right">
                <span class="jump-text ">To</span>
                <input type="text"value="11" />
                <span class="jump-btn"></span>
            </div>
        </div>
        <div class="clearB"></div>
    </div>
</div>
<div class="footer">
        <div class="container-sys">
            <label class="copyright">
                Copyright © Huawei Technologies Co., Ltd. 1998-2015. All rights
            </label>
            <label class="function">
                <ul>
                    <li>Latest news</li>
                    <li>DOCS</li>
                    <li>Developer service</li>
                    <li>Contact us</li>
                </ul>
            </label>
        </div>
    </div>
</body>
<script src="js/jquery.js"></script>
<script>	
	function cancelBubbles(){
		if (window.event) {
			// this code is for IE 
			event.cancelBubble = true; 
		}else{
			// this code is for Mozilla and Opera 
			event.stopPropagation(); 
		}
	}
	
	//查询&&过滤
	function filterData(){
		var hasFilter=false,hast2=false,hast3=false,hast5=false;
			var source = [],domain=[],dataType=[],probability=[];
			$(".standardization-list-search-detail ul").eq(0).find("span.check").each(function(index, element) {
                source.push($(element).parent().text());
            });
			$(".standardization-list-search-detail ul").eq(1).find("span.check").each(function(index, element) {
                domain.push($(element).parent().text());
            });
			$(".standardization-list-search-detail ul").eq(2).find("span.check").each(function(index, element) {
                dataType.push($(element).parent().text());
            });
			$(".standardization-list-search-detail ul").eq(3).find("span.check").each(function(index, element) {
                probability.push($(element).parent().attr("value"));
            });
			$("#dataList").find("tbody > tr").each(function(index, element) {
				hast2 = hast3 = hast5 = false;
				var display = false;
				var t2 = $(element).find(".t2").text();
				var t3 = $(element).find(".t3").text().toLowerCase();
				var t5 = $(element).find(".t5").text().trim().substring(0,$(element).find(".t5").text().trim().length-1);
				if(source.length == 0){
					hast2 = true;
				}else{
					for(i in source){
						if(t2.indexOf(source[i]) != -1){
							hast2 = true;
							break;
						}
					}
				}
				if(dataType.length == 0){
					hast3 = true;
				}else{
					for(i in dataType){
						if(t3.indexOf(dataType[i].toLowerCase()) != -1){
							hast3 = true;
							break;
						}
					}
				}
				var probabilityCount=0;
				for(i in probability){
					probabilityCount += parseInt(probability[i]);
				}
				if(probabilityCount == 0){
					hast5 = true;
				}else if(probabilityCount == 50){
					if(t5 < 50){
						hast5 = true;
					}
				}else if(probabilityCount == 75){
					if(!(t5 < 50 || t5 > 75)){
						hast5 = true;
					}
				}else if(probabilityCount == 100){
					if(!(t5 < 75 || t5 > 100)){
						hast5 = true;
					}
				}else if(probabilityCount == 125){
					if(t5 <= 75){
						hast5 = true;
					}
				}else if(probabilityCount == 150){
					if(t5 <= 50 || t5>=75){
						hast5 = true;
					}
				}else if(probabilityCount == 175){
					if(t5>=75){
						hast5 = true;
					}
				}else if(probabilityCount == 225){
					hast5 = true;
				}
				if(hast2 && hast3 && hast5){
					$(element).removeClass("displayN");
				}else{
					$(element).addClass("displayN");
				}
			/*var value = $(element).find("." + column).text().trim();
				if(column == "t5"){
					value = value.substring(0,value.length-1);
					if(keyWord.length == 0){
						return;
					}else if(keyWord.length == 1){
						if(value < parseInt(keyWord[0].substring("1"))){
							
							$(element).removeClass("displayN");
						}else {
							$(element).addClass("displayN");
						}
					}else{
						if(parseInt(keyWord[0]) < value || parseInt(keyWord[1]) > value){
							$(element).addClass("displayN");
						}else {
							$(element).removeClass("displayN");
						}
					}
				}else{
					if(value.indexOf(keyWord) == -1){
						$(element).addClass("displayN");
					}else {
						$(element).removeClass("displayN");
					}
				}*/
				
			});
	}
	$(function() {
		$("tbody .t6").empty().append('<span class="btn_confirm"></span><span class="btn_delete"></span><span class="btn_hand"></span>');
        $("thead th").hover(
                function () {
                    $(this).addClass("hover");
                },
                function () {
                    $(this).removeClass("hover");
                }
        );
        $("table tr").hover(
                function () {
                    $(this).addClass("hover");
                },
                function () {
                    $(this).removeClass("hover");
                }
        );
        $("table tr").click(function(){
            $(this).children().children("span").toggleClass("check");
            //alert($(this).children(".t1"))
            //console.log($(this).child(t1));
        })

         $("tbody tr:odd").addClass("ba-color-f");
         $("tbody tr:even").addClass("ba-color");
        /*$("thead tr th").hover(function(){
                 $(this).find("b").addClass("up");
            },
            function(){
                $(this).find("b").removeClass("up");
        })*/
		
		$(".tabContent > ul > li").each(function(index, element) {
            $(element).click(function(){
				$(element).toggleClass("selected");
			})
        });
		$(".tabContent > ul > li > ul > li").each(function(index, element) {
             $(element).click(function(){
				cancelBubbles();
				$(element).children("span").toggleClass("check");
			})
        });
		
		//过滤
		$(".standardization-list-search-detail li").each(function(index, element) {
			$(element).click(function(){
				$(element).children("span").toggleClass("check");				
				filterData();
			})
        });
		
		$(".standardization-list-search").click(function(){
			$(this).parent().toggleClass("selected");
		});
    })
</script>
<script type="text/javascript" src="../js/headDrop.js"></script>
</html>